<template>
	<view class="content-floor">
		<image class="floor-img" :src="floor.titlePicUrl" mode=""></image>
		<scroll-view class="floor-list" scroll-x="true" enable-flex>
			<view class="list-item" v-for="item in floor.itemList" :key="item.id">
				<image :src="item.primaryPicUrl" mode=""></image>
				<text>{{item.name}}</text>
			</view>
			<view class="list-item">
				<text>查看更多>></text>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name:'ContentFloor',
		data(){
			return {
				
			}
		},
		props:{
			floor:{
				type:Object, 
				required:true,
				default:{}
			}
		}
	}
</script>

<style lang="stylus">
	.content-floor
		.floor-img 
			width: 100%;
			height: 350upx;
		.floor-list 
			height: 290upx;
			display: flex 
			.list-item
				margin-right:20upx
				image 
					width: 200upx;
					height: 200upx;
					background-color: #adadad;
				text 
					font-size:28upx;
					overflow:hidden;
					text-overflow:ellipsis;
					display:-webkit-box;
					-webkit-line-clamp:2;
					-webkit-box-orient:vertical;
				&:last-child 
					flex-shrink: 0 
					width: 200upx;
					height: 280upx;
					line-height: 280upx;
					text 	
						font-size:34upx 
</style>